body{
    text-align: center;
}
header{
    width: auto;
	padding: 6px 15px;
    color: #fff;
	background-color: #aaa;
	/*background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);*/
}
nav>ul a {
	display:block;
	color: #fff;
	text-decoration:none;
}
nav>ul > li,
nav>ul > li li {
	position: relative;
	display:inline-block;
	width: 110px;
	padding: 6px 15px;
	background-color: #777;
	background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);
}
nav>ul > li li { background: transparent none; }
nav>ul > li li a { color: #444; }
nav>ul > li li:hover { background:#eee; }
nav>ul > li:first-child {
	border-right: 1px solid #777;
	border-radius: 8px 0 0 8px;
}
nav>ul > li + li {
	border-left: 1px solid #aaa;
	border-right: 1px solid #777;
}
nav>ul > li:last-child {
	border-right:0;
	border-left: 1px solid #aaa;
	border-radius: 0 8px 8px 0 ;
}
nav>ul > li:hover {
	background-color: #999;
	background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
}
nav>ul ul {
	position: absolute;
	top: 2em; left:0;
	max-height:0em;
	margin:0; padding:0;
	background-color:#ddd;
	background-image: linear-gradient(#fff,#ddd);
	overflow:hidden;
	transition: 1s max-height 0.3s;
	border-radius: 0 8px 8px 8px;
}
nav>ul > li:hover ul {
	max-height:13em;
}
footer{
    width: auto;
	padding: 6px 15px;
    color: #fff;
	background-color: #bbb;
	/*background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);*/
}
.en_construction{
    height: 64px;
    font-size: 2em;
    font-weight: bold;
    color: #900;
    background-image: url('../images/cone64.png');
    background-repeat: no-repeat;
    background-position: center;
}